import React, { memo, Suspense } from 'react'
import type { ReactNode, FC } from 'react'
import { Link, Outlet } from 'react-router-dom'

interface IProps {
  children?: ReactNode
}
const DisCover: FC<IProps> = () => {
  return (
    <div>
      <Link to="/discover/recommend"> 推荐</Link>
      <Link to="/discover/ranking"> 排行榜</Link>
      <Link to="/discover/songs"> 歌单</Link>
      <Link to="/discover/artist"> 播客有声书</Link>
      <Link to="/discover/album"> 新碟上架</Link>
      <Suspense fallback="">
        <Outlet />
      </Suspense>
    </div>
  )
}

export default memo(DisCover)
